/* CSS Document */
@charset "utf-8";

/*****************************************Public styles.*****************************************/
*{margin:0;padding:0;}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0;text-align:center;color:#333;font-size:12px;font-family:"微软雅黑", Gadget, sans-serif;}
img{border:none;}
a{color:rgb(113, 113, 113);text-decoration:none;}
a:hover{color:#0bb055;}
ul,li{list-style:outside none none;padding:0;margin:0;}
input, button, checkbox{outline:none;}
.clear{width:0;height:0px;padding:0;margin:0;clear:both;}
.ml_16{margin-left:16px;}
.ml_10{margin-left:10px;}
.radius-5{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.border{border:1px solid #EEE;}
.bdr-top{border-top:1px solid #EEE;}
.bdr-btm{border-bottom:1px solid #EEE;}
.shadow{
	-moz-box-shadow:	0px 1px 2px rgba(0,0,0,.1);
    -webkit-box-shadow:	0px 1px 2px rgba(0,0,0,.1);
	box-shadow:			0px 1px 2px rgba(0,0,0,.1);
}

#container, #footer, #top-bar #con, #banner #cont, #courseinfo #cont{
	margin:auto;text-align:left;width:1000px;
}
#container,#footer{margin-top:10px;}
.logo{background:url(../images/logo.png) no-repeat left center;width:120px;height:58px;}

/*****************************************Public header styles.*****************************************/
#header{width:100%;text-align:left;}
#header #top-bar{
	height:58px;
	font-size:14px;
	box-sizing:border-box;
	-moz-box-shadow:	0 1px 2px #CCC;
    -webkit-box-shadow: 0 1px 2px #CCC;
	box-shadow:			0 1px 2px #CCC;
}
#top-bar #con{line-height:58px;}
#top-bar #con #nav{position:relative;float:right;}
#top-bar #con #nav li{display:inline;}
#top-bar #nav a{
	display:inline-block;
	padding-left:20px;
	-webkit-background-clip: border-box;
	-webkit-background-origin: padding-box;
	-webkit-background-size: auto;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	background-origin: padding-box;
	background-size: auto;
	box-sizing: border-box;
}

#top-bar #nav span.search-icon{
	background:url(../images/icon.png) no-repeat left -9px;
	width:16px;height:16px;
	display:inline-block;
}
#top-bar #nav .caret {
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 5px;
    vertical-align: middle;
    border-left: 5px solid;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
	border-right:5px solid transparent;
}
#top-bar #nav a:hover .caret {
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 5px;
    vertical-align: middle;
    border-top: 5px solid;
	border-bottom:0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

#top-bar #nav .sub-nav{display:none;}
#top-bar #nav .sub-nav li{display:block;height:35px;line-height:35px;}
#top-bar #nav .sub-nav li a{dispaly:block;width:100%;}
#top-bar #nav .sub-nav li a:hover{background:rgba(200,200,200, .2);}

#top-bar #nav li:hover .sub-nav{
	display:block;
	position:absolute;
	top:58px;right:0px;
	border:1px solid #DDD;
	background:#FFF;
	width:140px;
	padding:10px;
	z-index:100;
	-moz-box-shadow: 0 1px 2px #CCC;
    -webkit-box-shadow: 0 1px 2px #CCC;
	box-shadow: 0 1px 2px #CCC;
} 

#header #banner{
	background:url(../images/banner.png) repeat-x top center;
	width:100%;
	height:300px;
}

/*****************************************Public footer styles.*****************************************/
#footer{overflow:hidden;zoom:1;}
#footer #left-box{float:left;width:350px;}
#footer #copyright{font-family:Verdana, Geneva, sans-serif;line-height:20px;}
#footer #right-box{float:right;overflow:hidden;zoom:1;padding-top:20px;}
#footer #right-box ul{float:left;width:140px;line-height:30px;font-size:13px;}